<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="../css/index.css" />
		<link rel="stylesheet" type="text/css" href="../css/main.css" />
		<script type="text/javascript" src="../js/vue.min.js"></script>
		<script type="text/javascript" src="../js/vant.min.js"></script>

	</head>
	<body>
		<div id="app">
			<van-row style="background-color: red;padding-top: 30px; ">
				<van-col span="5">
					<img style="width: 100%;margin-left: 40px;margin-bottom: 25px;" src="img/b4.png" />
				</van-col>
				<van-col span="5">
					<h4 style="color: white;margin-left: 60px;margin-top: 25px;">baohh</h4>
				</van-col>
			</van-row>
			<van-row class="user-links" style="text-align: center;margin-top: 15px;">
				<van-col span="6">
					<van-icon info="9" name="shopping-cart-o" style="text-align: center;font-size: 17px;" /><br />
					待付款
				</van-col>
				<van-col span="6">
					<van-icon name="records" style="text-align: center;font-size: 17px;" /><br />
					待收获
				</van-col>
				<van-col span="6">
					<van-icon name="chat-o" style="text-align: center;font-size: 17px;" /><br />
					待评论
				</van-col>
				<van-col span="6">
					<van-icon info="11" name="notes-o" style="text-align: center;font-size: 17px;" /><br />
					我的订单
				</van-col>
			</van-row>
			<van-cell-group style="margin-top: 20px;">
				<van-cell icon="contact" title="个人资料" is-link></van-cell>
				<van-cell icon="location-o" title="收货地址" is-link></van-cell>
				<van-cell icon="like-o" title="我的收藏" is-link></van-cell>
			</van-cell-group>

			<van-cell-group style="margin-top: 20px;" class="user-group">
				<van-cell icon="setting" title="设置" is-link></van-cell>
			</van-cell-group>


		</div>
		</div>
		<script>
			var vm = new Vue({
				el: "#app",
				data: {

				}
			})
		</script>
	</body>
</html>
